import React from 'react'
import { Menu } from 'semantic-ui-react'
import PropTypes from 'prop-types'

const menuStyle = {
  border: 'none',
  borderRadius: 0,
  boxShadow: 'none',
  marginBottom: '1em',
  borderBottom: '1px solid #e6e9f0',
  paddingLeft: '2em',
  paddingRight: '2em',
}

const header = ({ children }) => (
  <Menu
    borderless
    style={menuStyle}
    size="large"
  >
    {children}
  </Menu>
)

header.propTypes = {
  children: PropTypes.object.isRequired,
}

export default header
